<style type="text/css">
    .content-body{
        position: relative;
        top: 40px;
        margin-left: 5%;
        width: 89%;
        border: 1px solid #aaa;
        height: 480px;

    }
    .title{
        height: 40px;
        background-color: white;
        border-bottom: 1px solid #aaa;
    }
    .title .title-text{
        font-size: 18px;
        color: black;
        line-height: 40px;margin-left: 20px;
    }
    .row-1{

        height: 40px;



    }

    .row-0-text,.row-1-text,.row-2-text,.row-3-text,.row-4-text,.row-5-text,.row-6-text{
        font-size: 18px;
        margin-left: 10%;
        font-family: "Microsoft YaHei", Verdana, sans-serif, "SimSun";
        font-weight: 300;
    }
    .row-1-icon,.row-1-icon,.row-2-icon,.row-3-icon,.row-4-icon,.row-5-icon,.row-6-icon{
        /*float: right;*/
        /*margin-right: 10px;*/
       position: absolute;
        right: 580px;


    }


    .row-0-input,.row-1-input,.row-2-input,.row-3-input,.row-4-input,.row-5-input,.row-6-input{
        height: 40px;
        width: 30%;
        float: right;
        margin-right: 20%;
        margin-top: -4px;
    }
    .Input{
        margin-top: 10px;
    }

    .row-6-btn{
        width: 120px;
        height: 40px;
        float: right;
        margin-right: 20%;
        background-color: #000;
        border-radius: 3px;
        border-style: none;
        color: #fff;
        font-size: 17px;
        margin-top: 10px;
    }

    .row7{
        margin-top: 27px;
        height: 40px;

    }
    .row7-input{
        width: 140px;
        height: 40px;
        background-color: #000;
        color: #fff;
        font-size: 20px;
        float: right;
        border-style: none;
        border-radius: 3px;
        margin-right: 45px;
        margin-top: -10px;;
    }
</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">

    <input id="year_id_hidden" type="hidden" value="1" />

    <div id="year1" class="tab-pane fade in active content-body" >
        <div class="title">
            <span class="title-text">奖励登记</span>
        </div>
        <div style="position: relative;height: 10px;">

        </div>
        <form id="modalForm">
        <%for(i=0;i<dataGroup.length;i++){%>


            <div class="form-group has-error row-1">
                <label for="exampleInputEmail1" class="row-<%=i%>-text"><%=i+1%>组-<%=dataGroup[i].group_name%></label>
                <img class="row-1-icon" src="/images/red.png">
                <input data-mid="<%=dataGroup[i].mid%>"  type="text" class="form-control row-<%=i+1%>-input Input " id="" placeholder="请输入团队小红旗数dd" check-type="number1">
            </div>

        <%}%>


        <div class="row7">
            <input type="button" value="保存" class="row7-input" id="btnSave1">
        </div>
        </form>
    </div>

    <div id="year2" class="tab-pane fade in active content-body" >
        <div class="title">
            <span class="title-text">奖励登记</span>
        </div>
        <div style="position: relative;height: 10px;">

        </div>
        <form id="modalForm2">
            <%for(i=0;i<dataGroup.length;i++){%>


            <div class="form-group has-error row-1">
                <label for="exampleInputEmail1" class="row-<%=i%>-text"><%=i+1%>组-<%=dataGroup[i].group_name%></label>
                <img class="row-1-icon" src="/images/red.png">
                <input data-mid="<%=dataGroup[i].mid%>"  type="text" class="form-control row-<%=i+1%>-input Input " id="" placeholder="请输入团队小红旗数dd" check-type="number1">
            </div>

            <%}%>


            <div class="row7">
                <input type="button" value="保存" class="row7-input" id="btnSave1">
            </div>
        </form>
    </div>

    <div id="year3" class="tab-pane fade in active content-body" >
        <div class="title">
            <span class="title-text">奖励登记</span>
        </div>
        <div style="position: relative;height: 10px;">

        </div>
        <form id="modalForm3">
            <%for(i=0;i<dataGroup.length;i++){%>


            <div class="form-group has-error row-1">
                <label for="exampleInputEmail1" class="row-<%=i%>-text"><%=i+1%>组-<%=dataGroup[i].group_name%></label>
                <img class="row-1-icon" src="/images/red.png">
                <input data-mid="<%=dataGroup[i].mid%>"  type="text" class="form-control row-<%=i+1%>-input Input " id="" placeholder="请输入团队小红旗数dd" check-type="number1">
            </div>

            <%}%>


            <div class="row7">
                <input type="button" value="保存" class="row7-input" id="btnSave3">
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        $("#modalForm").validation({icon:true});
    })
</script>